<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="美食天下，天下美食，美食做法">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../css/community.css">

    <title>社区</title>
</head>

<body>
    <div class="box">
        <header>
            <h1 class="title">美食天下</h1>
            <div class="header">
                <a href="#"><img src="../img/logo.png" alt="图片无法显示"></a>
                <ul class="nav">
                    <li><a href="../index.html">首页</a></li>
                    <li><a href="./caidan.html">菜谱</a></li>
                    <li><a href="./healthy.html">健康</a></li>
                    <li><a href="./community.html">社区</a></li>
                    <li><a href="./market.html">市集</a></li>
                </ul>
                <div class="logon">
                    <div class="iconfont icon-fangdajing icon">
                        <div class="hide">
                            <div>
                                <input type="text" value="搜索.....">
                                <button><span class="iconfont icon-fangdajing"></span></button>
                            </div>
                        </div>
                    </div>
                    <a href="../html/logon.html"><span class="iconfont icon-gouwuche"></span></a>
                    <a href="../html/logon.html"><span class="iconfont icon-ren"></span></a>
                    <a href="../html/logon.html"><button>登录/注册</button></a>
                </div>
            </div>
        </header>


        <!-- /* -------------------------------------------------------------------- */
        /* ------------------------------main---------------------------------- */
        /* -------------------------------------------------------------------- */ -->
        <main class="container">
            <!-- 副导航条 -->
            <div class="C-nav">
                <a href="./community.html" class="C-nav-s">动态</a>
                <a href="./specials.html" class="C-nav-s active-color">专题</a>
                <a href="" class="C-nav-s hd-list">
                    热榜
                    <ul style="list-style: none;" class="hd-ul">
                        <li class="hd-li">养生晚餐</li>
                        <li>芹菜的100种吃法</li>
                        <li>这样做出来的牛肉最好吃</li>
                        <li>做饭打卡</li>
                        <li>这是我的早餐</li>
                        <li>鲜花饼</li>
                        <li>健康的生活方式需要健康的饮食</li>
                        <li>健康食物搭配大全</li>
                        <li>麻辣小龙虾</li>
                        <li>家乡菜</li>
                    </ul>
                </a>
            </div>


            <div class="specials-imgbox">
                <img src="https://static.meishichina.com/img/banner/4.jpg"
                    alt="">
            </div>

            <h1 class="specials-h1">精选专题<small><a href="">>>更多</a></small></h1>
            <div class="C-mainbox special-main">
                <div class="specialbox">
                    <a href="./special-D.html">
                        <div class="specialbox-imgbox">
                            <img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3992691066,1153204701&fm=26&gp=0.jpg" alt="">
                            <p>百吃猪排</p>
                        </div>
                    </a>
                    <div class="specialbox-list">
                        <ul>
                            <li><a href="./dynamic-D.html">烤箱烤T骨猪排</a></li>
                            <li><a href="">香煎猪排，好吃得流口水</a></li>
                            <li><a href="">黑胡椒猪排</a></li>
                            <li><a href="">可乐猪排，不能拒绝</a></li>
                            <li><a href="">红烧排骨，猪排的经典家常做法</a></li>
                            <li><a href="">营养又美味的糖醋排骨来了</a></li>
                        </ul>
                    </div>
                </div>
                <div class="specialbox">
                    <div class="specialbox-imgbox">
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601317628013&di=5b9f3596c5440d5ce9e0f927532f7077&imgtype=0&src=http%3A%2F%2Fp0.ifengimg.com%2Fpmop%2F2018%2F0810%2F53E105A254AB5FF2E2064676004D3650208FA75A_size48_w600_h400.jpeg" alt="">
                        <p>美味早餐</p>
                    </div>
                    <div class="specialbox-list">
                        <ul>
                            <li><a href="">营养又美味的虾仁粥来了</a></li>
                            <li><a href="">多年挑水果小窍门，与君共享~</a></li>
                            <li><a href="">油条华丽转身，也是蛮拼哒</a></li>
                            <li><a href="">降血压食物推荐，从日常开始改善！</a></li>
                            <li><a href="">营养又美味的虾仁粥来了</a></li>
                            <li><a href="">这样蒸馒头最推荐哦</a></li>
                        </ul>
                    </div>
                </div>
                <div class="specialbox">
                    <div class="specialbox-imgbox">
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601317919077&di=f9a7f59438edc8832edf69f170a0ea6d&imgtype=0&src=http%3A%2F%2Fcp1.douguo.net%2Fupload%2Fcaiku%2F5%2F7%2F8%2F600x400_578a35acf81a4a19a8813339b596fd28.jpg" alt="">
                        <p>好吃的芹菜</p>
                    </div>
                    <div class="specialbox-list">
                        <ul>
                            <li><a href="">芹菜炒香干：来看我怎么做的</a></li>
                            <li><a href="">芹菜真的很好吃</a></li>
                            <li><a href="">西芹炒牛肉</a></li>
                            <li><a href="">健康的食材值得更多人吃<_<</a></li>
                            <li><a href="">今天的菜是：凉拌芹菜</a></li>
                            <li><a href="">芹菜榨汁</a></li>
                        </ul>
                    </div>
                </div>

            </div>


            <h1 class="specials-h1 specials-h2">专题<small><a href="">>>更多</a></small></h1>
            <div class="C-mainbox special-main special-main2">
                <div class="specialbox1">
                    <div class="specialbox1-imgbox">
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601318225549&di=b540275485dd34eb150a9aefdbb756e6&imgtype=0&src=http%3A%2F%2Fg.hiphotos.baidu.com%2Fbaike%2Fpic%2Fitem%2Fe850352ac65c1038adb2aeb0bc119313b17e89f0.jpg" alt="">
                    </div>
                    <p><a class="specialbox1-p-a1" href="">百吃猪排</a>
                        <a class="specialbox1-p-a2" href="">#猪排#</a></p>
                </div>
                <div class="specialbox1">
                    <div class="specialbox1-imgbox">
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601317628011&di=2b7cd6e3dbdf003f7fbfaa689bb0ff28&imgtype=0&src=http%3A%2F%2Fimg1.qunarzz.com%2Ftravel%2Fpoi%2F1806%2F60%2F91a63192c7240237.jpg_r_680x680x95_31e17959.jpg" alt="">
                    </div>
                    <p><a class="specialbox1-p-a1" href="">美味早餐</a>
                        <a class="specialbox1-p-a2" href="">#鸡蛋# #面食#</a></p>
                </div>
                <div class="specialbox1">
                    <div class="specialbox1-imgbox">
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601318145971&di=70d28fa4db1e33fc05a0e7af69a2c42f&imgtype=0&src=http%3A%2F%2Fi2.chuimg.com%2Fae9b56f21b7c11e7947d0242ac110002_1280w_1280h.jpg%3FimageView2%2F2%2Fw%2F600%2Finterlace%2F1%2Fq%2F90" alt="">
                    </div>
                    <p><a class="specialbox1-p-a1" href="">好吃的芹菜</a>
                        <a class="specialbox1-p-a2" href="">#芹菜#</a></p>
                </div>
                <div class="specialbox1">
                    <div class="specialbox1-imgbox">
                        <img src="../img/10.jpg" alt="">
                    </div>
                    <p><a class="specialbox1-p-a1" href="">香辣小龙虾</a>
                        <a class="specialbox1-p-a2" href="">#小龙虾#</a></p>
                </div>

                <div class="specialbox1">
                    <div class="specialbox1-imgbox">
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601318039556&di=f352f3674d9fa5e326e6df92c9b946a5&imgtype=0&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F667ad57e4c16ff0f8d2bb5c13fd035fc3adc014edf33-VcruFt_fw658" alt="">
                    </div>
                    <p><a class="specialbox1-p-a1" href="">牛奶做菜</a>
                        <a class="specialbox1-p-a2" href="">#牛奶#</a></p>
                </div>
                <div class="specialbox1">
                    <div class="specialbox1-imgbox">
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601318494884&di=205bc2073ed98d6155cde1f6007cba60&imgtype=0&src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201905%2F31%2F20190531190626_xdihe.thumb.400_0.jpg" alt="">
                    </div>
                    <p><a class="specialbox1-p-a1" href="">美味调汁的做法大全</a>
                        <a class="specialbox1-p-a2" href="">#配料#</a></p>
                </div>
                <div class="specialbox1">
                    <div class="specialbox1-imgbox">
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601318683853&di=a18656bf60f92323e74d7823cbc0789d&imgtype=0&src=http%3A%2F%2Fcp1.douguo.com%2Fupload%2Fcaiku%2Fb%2F8%2F6%2Fyuan_b85d1c2b8539c2abe23035f22dd7cf36.jpg" alt="">
                    </div>
                    <p><a class="specialbox1-p-a1" href="">什么都好搭的土豆</a>
                        <a class="specialbox1-p-a2" href="">#土豆#</a></p>
                </div>
                <div class="specialbox1">
                    <div class="specialbox1-imgbox">
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601318752556&di=ed46f7692c1bbc67179975ee11c1b2e9&imgtype=0&src=http%3A%2F%2Fcbu01.alicdn.com%2Fimg%2Fibank%2F2016%2F526%2F003%2F2792300625_2053952591.jpg%3F__r__%3D1456897944963" alt="">
                    </div>
                    <p><a class="specialbox1-p-a1" href="">家庭榨汁的小技巧</a>
                        <a class="specialbox1-p-a2" href="">#水果#</a></p>
                </div>

                <div class="specialbox1">
                    <div class="specialbox1-imgbox">
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601318883367&di=c788152665c667f995da0161cbf2e416&imgtype=0&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201503%2F07%2F20150307230620_e8s38.thumb.700_0.jpeg" alt="">
                    </div>
                    <p><a class="specialbox1-p-a1" href="">制作蛋糕</a>
                        <a class="specialbox1-p-a2" href="">#蛋糕#</a></p>
                </div>
                <div class="specialbox1">
                    <div class="specialbox1-imgbox">
                        <img src="../img/10.jpg" alt="">
                    </div>
                    <p><a class="specialbox1-p-a1" href="">火爆味道的川菜</a>
                        <a class="specialbox1-p-a2" href="">#辣# #辣椒#</a></p>
                </div>
                <div class="specialbox1">
                    <div class="specialbox1-imgbox">
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601318387617&di=adc291d205845f346d8b403bee397f72&imgtype=0&src=http%3A%2F%2Fcp1.douguo.net%2Fupload%2Fcaiku%2F5%2F3%2F7%2Fyuan_53c769ba4b32ee5bd196de511b4939a7.jpg" alt="">
                    </div>
                    <p><a class="specialbox1-p-a1" href="">各种各样的面条</a>
                        <a class="specialbox1-p-a2" href="">#面#</a></p>
                </div>
                <div class="specialbox1">
                    <div class="specialbox1-imgbox">
                        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601318990554&di=84483884120a5db1ec31fde7341a98f2&imgtype=0&src=http%3A%2F%2Fm.360buyimg.com%2Fn12%2Fjfs%2Ft2425%2F108%2F1795472257%2F383278%2F5210531%2F567a6d32n0d1b2f44.jpg%2521q70.jpg" alt="">
                    </div>
                    <p><a class="specialbox1-p-a1" href="">一起来做中式糕点</a>
                        <a class="specialbox1-p-a2" href="">#中式糕点#</a></p>
                </div>


            </div>
        </main>





        <footer>
            <div class="footer">
                <div class="footer_top">
                    <ul>
                        <li><a href="../index.html">首页</a></li>
                        <li><a href="./caidan.html">菜谱</a></li>
                        <li><a href="./healthy.html">健康</a></li>
                        <li><a href="./community.html">社区</a></li>
                        <li><a href="./market.html">市集</a></li>
                    </ul>
                    <ul>
                        <li><a href="../html/logon.html">登录</a></li>
                        <li><a href="../html/logon - 1.html">注册</a></li>
                    </ul>
                    <ul>
                        <li><a href="#">联系我们</a></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>
                </div>
                <div class="footer_bottom">
                    <a href="#">关于我们</a>
                    <a href="#">English</a>
                    <a href="#">广告服务</a>
                    <a href="#">免责声明</a>
                    <p>39班第二小组全员2020-2020 ALL RIGHTS RESERVED.川ICP备xxxxxxxxxxxxxx号</p>
                </div>
            </div>
        </footer>
    </div>
</body>

</html>